<%--
  Created by IntelliJ IDEA.
  User: zjk
  Date: 2018-08-02
  Time: 8:48
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>销售机会表</title>
    <link rel="shortcut icon" href="easyui/css/images/favicon.ico"/>
    <link rel="stylesheet" href="css/flipclock.css">
    <link href="css/CalcSS3.css" rel="stylesheet" type="text/css"/>
    <link href="css/index.css" rel="stylesheet" type="text/css"/>
    <link href="easyui/css/easyui.css" rel="stylesheet" type="text/css">
    <link href="easyui/css/easyui_animation.css" rel="stylesheet" type="text/css">
    <link href="easyui/css/easyui_plus.css" rel="stylesheet" type="text/css">
    <link href="easyui/css/insdep_theme_default.css" rel="stylesheet" type="text/css">
    <link href="easyui/css/icon.css" rel="stylesheet" type="text/css">
    <link href="easyui/css/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">



    <!-- 引入 ECharts 文件 -->
    <script src="js/echarts.js"></script>
    <!--放入自定义的图表-->
    <script src="js/monitor.js"></script>
    <script type="text/javascript" src="easyui/js/jquery.min.js"></script>
    <script type="text/javascript" src="easyui/js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="easyui/js/jquery.insdep-extend.min.js"></script>


</head>
<body style="background-color: #FFFFFF;">

<!-- 引入公用表格和表单样式 -->
<link href="css/utils/utilsDatagrid.css" rel="stylesheet" type="text/css">
<link href="css/utils/utilsForm.css" rel="stylesheet" type="text/css">
<!-- 引入 详情样式-->
<link href="css/utils/utilsDetails.css" rel="stylesheet" type="text/css">
<link href="css/before-sale/saleChance.css" rel="stylesheet" type="text/css">
<!--引入销售机会js-->
<script type="text/javascript" src="js/before-sale/saleChance.js"></script>
<style>
    .by {
             padding: 10px;
             text-align: center;
         }

</style>
        <table id="zjk-saleChance-dg" class="easyui-datagrid table-chance" data-options="height:550,striped:true,fitColumns:true,checkOnSelect:false,
            autoRowHeight:true,nowrap:false,pagination:true,toolbar:'#tools',scrollbarSize:0,showFooter:true,
            pageList:[10,15,20,25],pageSize:10,
            url:'find-all-sale-chance',method:'post'">
            <thead>
            <tr class="datagrid-header-row">
                <th data-options="field:'chId',width:40,align:'center',checkbox:true">ID
                </th>
                <th data-options="field:'chanceTheme',width:100,align:'center'">机会主题
                </th>
                <th id="client" data-options="field:'clientId',width:60,align:'center',formatter:function(value){
							var result;
							$.ajax({
								url:'get-client-name',
								async:false,//改为同步请求
								type:'POST',
								data:{clientId:value},
								success:function(e){
									result = e;
								}
							});
							return result;
						}">客户</th>
                <th id="contact" data-options="field:'contactId',width:60,align:'center',formatter:function(value){
							var result;
							$.ajax({
								url:'get-contact-name',
								async:false,//改为同步请求
								type:'POST',
								data:{contactId:value},
								success:function(e){
									result = e;
								}
							});
							return result;
						}">联系人</th>
                <th data-options="field:'type',width:60,align:'center'">类型
                </th>
                <th id="user" data-options="field:'userId',width:60,align:'center',formatter:function(value){
							var result;
							$.ajax({
								url:'client-get-userName',
								async:false,//改为同步请求
								type:'POST',
								data:{uId:value},
								success:function(e){
									result = e;
								}
							});
							return result;
						}">提供人</th>
                <th data-options="field:'expectDate',width:80,align:'center'">预计签单日期
                </th>
                <th data-options="field:'expectMoney',width:100,align:'center'"formatter='formatM'>￥预计金额
                </th>
                <th data-options="field:'possibility',width:50,align:'center'" formatter='formatM2'>可能性
                </th>

                <th data-options="field:'stage',width:60,align:'center'">阶段
                </th>
                <th data-options="field:'state',width:60,align:'center'">状态
                </th>
                <th data-options="field:'updateDate',width:70,align:'center'">更新日期
                </th>
                <th data-options="field:'operation',width:130,align:'center'" formatter="format">操作</th>

            </tr>
            </thead>
            <tbody>

            </tbody>
        </table>
        <!--工具栏-->
        <div id="tools">
            <a id="zjk-add-saleChance-open-dialog-btn" class="easyui-linkbutton" data-options="iconCls:'icon-mini_add2',plain:true">新建</a>
            <a id="zjk-delete-saleChance-btn" href="#" class="easyui-linkbutton"
               data-options="iconCls:'icon-my_delete',plain:true" >删除</a>

            <a id="zjk-search-all-saleChance-btn" class="easyui-linkbutton" data-options="iconCls:'icon-my_search',plain:true">查询所有</a>

            <input id="saleChance-search" class="easyui-searchbox" style="width: 250px" data-options="menu:'#saleChance-mm'"/>
            <a id="saleChance-tools-btn-xiazai" href="#" class="easyui-linkbutton"
               data-options="iconCls:'icon-xiazai',plain:true,width:32"
               style="float: right;" title="导出数据到excel"></a>
            <a id="saleChance-tools-btn-shangchuan" href="#" class="easyui-linkbutton"
               data-options="iconCls:'icon-shangchuan',plain:true,width:32"
               style="float: right;" title="从excel导入客户数据"></a>
            <!--搜索框菜单-->
            <div id="saleChance-mm" style="width:120px">
                <div data-options="name:'chanceTheme'">机会主题</div>
                <div data-options="name:'type'">机会类型</div>
                <div data-options="name:'state'">状态</div>
                <div data-options="name:'stage'">阶段</div>

                <a id="advance-search-btn" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-my_search'">高级查询</a>
            </div>
        </div>



<%--//高级查询窗口--%>
<div id="advance-sale-chance-dialog" class="easyui-dialog" style="background-color:#EBEFF2;" data-options="title:'高级查询',modal:true,
			iconCls:'icon-save2',
			width:'100%',
			height:'100%',
			closed:true,
			href:'zjk-advance-form',
			bodyCls:'by',
			shadow:true"></div>
<%--//添加窗口--%>
<div id="zjk-add-sale-chance" class="easyui-dialog" style="background-color:#EBEFF2;" data-options="title:'添加销售机会',modal:true,
			iconCls:'icon-save2',
			width:'50%',
			height:'100%',
			closed:true,
			href:'zjk-saleChance-form',
			bodyCls:'by',
			shadow:true,
			buttons:'#zjk-saleChance-add-dialog-bb'"></div>
<%--//编辑窗口--%>
<div id="zjk-edit-sale-chance" class="easyui-dialog" style="background-color:#EBEFF2;" data-options="title:'修改销售机会信息',modal:true,
			iconCls:'icon-save2',
			width:'50%',
			height:'100%',
			closed:true,
			href:'zjk-edit-saleChance-form',
			bodyCls:'by',
			shadow:true,
			buttons:'#zjk-saleChance-add-dialog-bb1'"></div>
<%--//详情窗口--%>
<div id="zjk-saleChance-details" class="easyui-dialog" style="background-color:#EBEFF2;" data-options="title:'销售机会详情',modal:true,
			iconCls:'icon-save2',
			width:'60%',
			height:'100%',
			closed:true,
			href:'zjk-saleChance-details',
			shadow:true

			 "></div>
<%--//添加窗口按钮--%>
<div id="zjk-saleChance-add-dialog-bb">
    <a href="#" id="zjk-saleChance-add-dialog-bb-save" class="easyui-linkbutton"
       data-options="iconCls:'icon-ok2'">保存</a>
    <a href="#" id="zjk-saleChance-add-dialog-bb-close" class="easyui-linkbutton" data-options="iconCls:'icon-cancel2',onClick:function(){
    $('#zjk-add-sale-chance').dialog('close')
    }">关闭</a>
</div>
<%--//编辑窗口按钮--%>
<div id="zjk-saleChance-add-dialog-bb1">
    <a href="#" id="zjk-saleChance-add-dialog-bb-save1" class="easyui-linkbutton"
       data-options="iconCls:'icon-ok2'">保存</a>
    <a href="#" id="zjk-saleChance-add-dialog-bb-close1" class="easyui-linkbutton" data-options="iconCls:'icon-cancel2',onClick:function(){
    $('#zjk-edit-sale-chance').dialog('close')
    }">关闭</a>
</div>

<!-- 统计图表 -->
<%--<div class="zjk-saleChance-statistics">
    <table class="zjk-saleChance-statistics">
        <tr class="zjk-saleChance-statistics-tr1">
            &lt;%&ndash;// 饼状图&ndash;%&gt;
            <td><div id="zjk-main1" class="zjk-saleChance-statistics-tr1-div"></div></td>
            &lt;%&ndash;//柱状图&ndash;%&gt;
            <td><div id="zjk-main2" class="zjk-saleChance-statistics-tr1-div"></div></td>
            &lt;%&ndash;//折线图&ndash;%&gt;
            <td><div id="zjk-main3" class="zjk-saleChance-statistics-tr1-div"></div></td>
        </tr>
        <tr class="zjk-saleChance-statistics-tr2">
        <td><select id="cc1" class="easyui-combobox" name="dept"
                    style="width: 60%;" data-option="width:100%">
            <option value="aa">aitem1</option>
            <option>bitem2</option>
            <option>bitem3</option>
            <option>ditem4</option>
            <option>eitem5</option>
        </select></td>
        <td><select id="cc2" class="easyui-combobox" name="dept"
                    style="width: 60%;" data-option="width:100%">
            <option value="aa">aitem1</option>
            <option>bitem2</option>
            <option>bitem3</option>
            <option>ditem4</option>
            <option>eitem5</option>
        </select></td>
        <td><select id="cc3" class="easyui-combobox" name="dept"
                    style="width: 60%;" data-option="width:100%">
            <option value="aa">aitem1</option>
            <option>bitem2</option>
            <option>bitem3</option>
            <option>ditem4</option>
            <option>eitem5</option>
        </select></td>
    </tr>
    </table>
</div>--%>

<div style="width: 100%;height: 50px;text-align: center;margin-top: 40px;">
    <div>
        <span style="font-size: 14px;">热线:<label style="font-size: 14px;font-weight: bolder">4000-80-4000 400-960-9606</label> 热线:<label style="font-size: 14px;font-weight: bolder">4000-80-4000</label>  网站:<label style="font-size: 14px;font-weight: bolder">www.xtools.cn</label></span><span style="display: inline-block;width: 20px;"></span><img src="images/tousu.png"><img src="images/wx.png"><img src="images/dy.png"><br>
       <span style="font-size: 14px;"> Copyright © 2004-2018  北京沃力森信息技术有限公司   Beijing Volitation Information Technology Co.,ltd</span>
    </div>
</div>

</body>
</html>
